// React 核心包
import React from 'react'
// 渲染 React 代码到页面上
import { createRoot } from 'react-dom/client'

import './index.css'

/* const wrap = (
  <div
    style={{
      width: 100,
      height: '100px',
      backgroundColor: 'pink',
      lineHeight: '100px',
      textAlign: 'center',
    }}
  >
    React
  </div>
) */

// !第二种使用样式的方式，推荐！
const wrap = <div className='box'>React</div>

// createRoot(渲染到哪儿).render(渲染谁)
createRoot(document.querySelector('#root')).render(wrap)
